<template>
	<view>
		<navbar></navbar>
		<view>
			<scroll-view :scroll-top="scrollTop" scroll-y="true" scroll-with-animation="true"
				:style="'height:' + height + 'px;'" @scroll="scroll" >
				<!--图片轮播 -->
				<productBg></productBg>
				
				<!-- 标题 -->
				<view class="acea-row row-top row-between title-box white-bg">
					<view class="title">
						<view class="title-text">湖南天鲜配生鲜有限公司</view>
						<view class="type">股份制有限公司</view>
						<view class="acea-row row-middle see">
							<image src="../static/images/see_icon.png" mode=""></image>
							<text>300</text>
						</view>
					</view>
					<view class="acea-row row-middle row-between share-btns">
						<view>
							<image src="../static/images/wechat_icon.png" mode=""></image>
							<view>微信</view>
						</view>
						<view>
							<image src="../static/images/report_icon.png" mode=""></image>
							<view>举报</view>
						</view>
					</view>
				</view>
				
				<!-- 详情信息 -->
				<view class="detail-info white-bg">
					<view class="acea-row row-middle pd-t-b-24">
						<view class="label">所属行业</view>	
						<view class="text">百货超市/生鲜超市</view>
					</view>
					<view class="acea-row row-middle pd-t-b-24">
						<view class="label">旗下品牌   </view>	
						<view class="text">兴盛优选、钱大妈</view>
					</view>
					<view class="acea-row row-middle pd-t-b-24">
						<view class="acea-row row-middle w-48">
							<view class="label">法人代表</view>	
							<view class="text">高先生</view>
						</view>
						<view class="acea-row row-middle w-48">
							<view class="label">注册资本</view>	
							<view class="text">1000万元</view>
						</view>
					</view>
					<view class="acea-row row-middle pd-t-b-24">
						<view class="acea-row row-middle w-48">
							<view class="label">公司规模</view>	
							<view class="text">1000人以上</view>
						</view>
						<view class="acea-row row-middle w-48">
							<view class="label">投资跨度</view>	
							<view class="text">2015-2019年</view>
						</view>
					</view>
					<view class="acea-row row-middle pd-t-b-24">
						<view class="label">公司地址</view>	
						<view class="text">湖南省长沙市岳麓区汽车西站</view>
					</view>
					<view class="acea-row row-middle pd-t-b-24">
						<view class="label">公司网址</view>	
						<view class="text">www.jshop.com</view>
					</view>
					<view class="pd-t-b-24">
						<view class="label">公司简介</view>	
						<view class="text pd-t-b-24">京东旗下融合线上线下一体化的新概念生鲜食品超市,主打生鲜海产品,可以现场烹饪/以及依托京东生鲜优势配送到家,旗下拥有七鲜生活/七范儿等品牌</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import navbar from '../components/navbarNormal/navbarNormal.vue'
	import productBg from '../components/productBg/productBg.vue'
	export default {
		components:{
			navbar,
			productBg
		},
		data() {
			return {
				scrollTop:0,
				height:0,
			};
		},
		onLoad(options) {
			let that = this;
			uni.getSystemInfo({
				success: function(res) {
					that.height = res.windowHeight;
				}
			});
		},
		methods:{
			scroll: function(e) {
				var that = this,
					scrollY = e.detail.scrollTop<10?0:e.detail.scrollTop;
				var opacity = scrollY / 200;
				opacity = opacity > 1 ? 1 : opacity;
				// that.$set(that, 'opacity', opacity);
				// that.$set(that, 'scrollY', scrollY);
			},
		}
	}
</script>

<style lang="scss">
.white-bg{
	background: #ffffff;
}
.pd-t-b-24{
	padding: 24rpx 0;
}
.w-48{
	width: 48%;
}
.title-box{
	padding: 30rpx;
	border-radius: 24rpx 24rpx 0 0;
	margin-top: -60rpx;
	z-index: 2;
	position: relative;
	margin-bottom: 24rpx;
	.title{
		width: calc(100% - 120rpx);
		.title-text-n,.title-text{
			max-width: 100%;
			line-height: 46rpx;
			font-size: 34rpx;
			font-weight: 500;
			color: rgba(0, 0, 0, 1);
		}
		.type{
			font-size: 32rpx;
			font-weight: 400;
			line-height: 42rpx;
			color: rgba(56, 56, 56, 1);
		}
		.see{
			image{
				width: 32rpx;
				height: 32rpx;
			}
			font-size: 22rpx;
			font-weight: 400;
			color: rgba(157, 157, 157, 1);
		}
	}
}
// 分享 举报按钮
.share-btns{
	width: 110rpx;
	text-align: center;
	image{
		width: 30rpx;
		height: 30rpx;
	}
	font-size: 20rpx;
	font-weight: 400;
	line-height: 36rpx;
	color: rgba(56, 56, 56, 1);
}

// .详情
.detail-info{
	padding: 30rpx;
	.label{
		width: 120rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.text{
		width: calc(100% - 120rpx);
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
}
</style>
